import { defineConfig } from "unocss";

export default defineConfig({
  // ...UnoCSS options
  rules: [
    ["w-max-content", { "max-width": "var(--maxWidth)" }],
    [
      "flex-center",
      { display: "flex", "align-items": "center", "justify-content": "center" },
    ],
    ["hidden", { display: "none" }],
    // 手动添加 max-md 媒体查询
    [
      /^max-md:(.*)$/,
      ([, body]) => {
        return {
          [`@media (max-width: 767px)`]: {
            [`@apply ${body}`]: {},
          },
        };
      },
    ],
  ],
});
